<html>
<title>Bing新标签页</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
@font-face{ font-family:roboto; src:url(roboto.ttf) format('truetype'); }
body{ width:100%; height:100%; background-size:cover; background-position:center center; margin:0; }
a{ text-decoration:none; }
iframe{ pointer-events:none; }
#rightbottom{ position:absolute; right:10;bottom:0; text-align:center;}
#date{ color:white; font-family:roboto; font-weight:bold; font-size:10px; background: gray; border-radius: 5px; display:inline; padding:3; transition:opacity 1s; opacity:0.0;}
#time{ color:white;font-family:roboto; font-size:60px; text-shadow: 1px 1px 3px #333;}
#weather{ position:absolute; right:10; top:0; }
</style>
</head>
<body>
<div id="rightbottom"><div id="date"></div><div><a id="time" href=#></a></div></div>
<script src="main.js"></script>
<iframe id=weather src="http://www.seniverse.com/weather/weather.aspx?uid=U236046803&cid=CHBJ000000&l=&p=SMART&a=1&u=C&s=5&m=0&x=1&d=5&fc=&bgc=&bc=C6C6C6&ti=0&in=1&li=" frameborder="0" scrolling="no" width="200" height="350" allowTransparency="true"></iframe>
</body>
</html>